/**
 * 主题色更新
 * @author : 刘尧
 */
@import 'element-variables.scss';

//修改主要按钮颜色
.el-button--primary {
    color: $--color-primary;
    font-size: 16px;
    height: 40px;
    background-color: $--color-primary-light-7;
    border-color: $--color-primary-light-7;
    //border: 1px solid $primary-btn-color;
    &:hover {
        background: $--color-primary;
        border-color: $--color-primary-light-1;
        color: $--color-white;
    }
    &:focus {
        background: $--color-primary;
        border-color: $--color-primary-light-1;
        color: $--color-white;
    }
    &.is-disabled{
        background-color: $--color-primary-light-7;
        border-color: $--color-primary-light-8;
        color: $--color-white;
        &.is-plain{
            background-color: $--color-primary-light-9;
            color: $--color-primary-light-6;
            border-color: $--color-primary-light-9;
        }
    }
}
.el-button.el-button--mini{
    height: 33px;
}
.el-button.is-circle{
    &:focus, &:hover{
        background: $--color-primary-light-6;
        border-color: $--color-primary-light-4;
        color: $--color-primary;
    }
}
// 修改页签样式
.el-breadcrumb__item{
    ::v-deep .el-breadcrumb__inner {
        &:hover {
            color: $--color-primary !important;
        }
    }
}
// 修改按钮（默认）样式
.el-button--default{
    &:hover {
        background-color: $--color-primary-light-7;
        border-color: $--color-primary-light-7;
        color: $--color-primary;
    }
}
// 修改按钮（文字）样式
.el-button--text{
    color: $--color-primary;
    &:hover {
        color: $--color-primary-light-4;
    }
    ::v-deep &.is-disabled{
        color: $--color-primary-light-4 !important;
    }
}
// 修改下拉菜单组件颜色
.el-dropdown-menu {
    //background-color: #1a1a1a;
    .el-dropdown-menu__item {
        &:hover {
            background-color: $--color-primary-light-7;
            border-color: $--color-primary-light-7;
            color: $--color-primary;
        }
    }
}

//修改危险按钮的颜色
.el-button--danger {
    border-radius: 4px;
    font-size: 16px;
    border: 0;
    &.is-round{
        border-radius: 20px;
    }
    &.is-circle{
        border-radius: 50%;
    }
}

//修改信息按钮的颜色
.el-button--info {
    border-radius: 4px;
    font-size: 16px;
    border: 0;
    &.is-round{
        border-radius: 20px;
    }
    &.is-circle{
        border-radius: 50%;
    }
}

//修改成功按钮的颜色
.el-button--success {
    border-radius: 4px;
    font-size: 16px;
    border: 0;
    &.is-round{
        border-radius: 20px;
    }
    &.is-circle{
        border-radius: 50%;
    }
}

//修改默认按钮的颜色
.el-button--default {
    font-size: 16px;
    border-radius: 4px;
    &.is-round{
        border-radius: 20px;
    }
    &.is-circle{
        border-radius: 50%;
    }
}

//修改警告按钮的颜色
.el-button--warning {
    border-radius: 4px;
    font-size: 16px;
    border: 0;
    &.is-round{
        border-radius: 20px;
    }
    &.is-circle{
        border-radius: 50%;
    }
}

//修改分页颜色
.el-pagination {
    position: absolute;
    display: inline-block;
    margin: 0 auto;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fafafa;
    border: solid 1px #dfe8eb;
    padding: 0 !important;
    .el-pager {
        margin: 0 !important;
        .number {
            color: $--color-primary !important;
            border-left: 1px solid #dfe8eb;
            border-right: 1px solid #dfe8eb;
            background-color: #fafafa !important;
            &.active {
                color: #fff !important;
                //border: 1px  solid  #3d66e4;
                background-color: $--color-primary !important;
                border: 1px solid $--color-primary !important;
            }
        }
    }
}
.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev,
.el-pagination.is-background .el-pager li {
    margin: 0 !important;
    background-color: #fafafa !important;
}

//修改checkbox
.el-checkbox__inner {
    border: 1px solid #c0c0c0;
    width: 16px;
    height: 16px;
    border-radius: 0;
}

/**
*   链接样式更新
* @author: 刘尧
*/
.el-link{
    &.el-link--default{
        &:after{
            border-color: $--color-primary;
        }
        &.is-underline{
            &:hover{
                color: $--color-primary;
                border-color: $--color-primary;
            }
        }
    }
}


/**
*   单选框
* @author: 刘尧
*/
.el-radio {
    .el-radio__inner{
        &:hover{
            border-color: $--color-primary;
        }
    }
    &.is-bordered {
        &.is-checked {
            border-color: $--color-primary;
        }
    }
    &.is-checked{
        .el-radio__inner{
            border-color: $--color-primary;
            background: $--color-primary;
        }
        .el-radio__label{
            color: $--color-primary;
        }
    }
}

.el-radio-button{
    &.is-active{
        .el-radio-button__inner{
            background-color: $--color-primary;
            border-color: $--color-primary;
        }
    }
    .el-radio-button__inner{
        &:hover{
            color: $--color-primary;
        }
    }
}

/**
* 输入框样式更新
*/
.el-input__inner:focus{
    border-color: $--color-primary;
}

/* 修改下拉框聚焦时的样式 */
.el-select .el-input.is-focus .el-input__inner {
    border-color: $--color-primary;
    color: $--color-primary;
}

.el-switch.is-checked .el-switch__core{
    border-color: $--color-primary;
    background-color: $--color-primary;
}

.el-slider__bar{
    background-color: $--color-primary;
}

.el-slider__button{
    border-color: $--color-primary;
}

#nprogress .bar {
    background: $--color-primary !important; //自定义颜色
}
//设置图标颜色
.el-loading-spinner .path{
    stroke: $--color-primary-light-1;
}
//设置文字颜色
.el-loading-spinner .el-loading-text{
    color: $--color-primary-light-1;
}
// 设置tab标签样式
.el-tabs__active-bar{
    background-color: $--color-primary;
}
.el-tabs__item{
    &:hover{
        color: $--color-primary;
    }
}
.el-tabs__item.is-active{
    color: $--color-primary;
}
